const {defineConfig} = require('@vue/cli-service')

const path = require("path");

function resolve(dir) {
    return path.join(__dirname, dir)
}

module.exports = defineConfig(
    {
        lintOnSave: false, // 关闭eslint 代码规范检查
        // publicPath: '/bgadmin/', //根路径  Vue CLI 3.3 前使用 baseUrl  需要配合vuex-router中的base配置 就是base是啥 这里是啥
        publicPath: process.env.NODE_ENV === 'production' ? '/permission-front/' : '/',
        // 在npm run build 或 yarn build 时 ，生成文件的目录名称（要和baseUrl的生产环境路径一致）（默认dist）
        outputDir: 'permission-front',
        // 用于放置生成的静态资源 (js、css、img、fonts) 的；（项目打包之后，静态资源会放在这个文件夹下）
        assetsDir: 'static',
        // 这里可以看着是服务器的配置地址 与打包没有什么关系
        devServer: {
            open: false,
            port: 9800,
            // ws: false,
            client: {
                overlay: false
            },
            proxy: {
                '/api': {
                    target: 'http://127.0.0.1:3300/',
                    changeOrigin: true,
                    pathRewrite: {
                        '^/api': '/'
                    }
                }
            }
        },
        // 需要配置这里 否则无法找到相关文件
        configureWebpack: {
            // provide the app's title in webpack's name field, so that
            // it can be accessed in index.html to inject the correct title.
            name: '后台管理系统',
            resolve: {
                alias: {
                    '@': resolve('src'),
                    '@components': resolve('src/components'),
                    '@views': resolve('src/views'),
                    '@api': resolve('src/api'),
                    '@public': resolve('public')
                }
            }
        }
    }
)
